<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>自律 习惯</title>
    <link rel="shortcut icon" href="./img/me.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./iconFont/icon-Font/iconfont.css">
    <link rel="stylesheet" href="./css/indexHeader.css">
    <link rel="stylesheet" href="./iconFont/listFont/iconfont.css">
</head>

<body>
    <header>
        <a href="index.html">
            <img src="./img/haier_logo.webp" alt="" class="logo">
        </a>

        <ul class="nav">
            <li class="title title-01">
                <a href="" class="titleA">智慧家庭</a>
                <div class="submenu submenu-01">
                    <div class="submenu-mid">
                        <div class="sub">
                            <div class="plan">
                                <a href="" style="color:#0c5ca8">智慧方案</a>
                                <span class="iconfont icon-youjiantou jt
                                    " style="color:#0c5ca8;"></span>
                            </div>

                            <div class="elect">
                                <a href="">智慧家电</a>
                                <span class="iconfont icon-youjiantou jt
                                    " style="display: none;"></span>
                            </div>

                            <div class="exper">
                                <a href="">智慧体验店</a>
                                <span class="iconfont icon-youjiantou jt
                                    " style="display: none;"></span>
                            </div>
                        </div>

                        <div class="menu-Mid">
                            <ul class="home addYoung">
                                <li>全家美食</li>
                                <li>全屋洗护</li>
                                <li>全屋用水</li>
                                <li>全屋空气</li>
                                <li>全屋智能</li>
                            </ul>
                            <ul class="house-elect addYoung" style="display: none;">
                                <li>冰箱</li>
                                <li>冷柜</li>
                                <li>酒柜</li>
                                <li>洗衣机</li>
                                <li>空调</li>
                                <li>电视</li>
                                <li>热水器</li>
                                <li>厨房用器</li>
                                <li>小家电</li>
                            </ul>

                            <ul class="smart addYoung" style="display: none;">
                                <li>智慧体验店</li>
                                <li>智慧数字体验馆</li>
                            </ul>
                        </div>

                        <div class="img-01">
                            <img src="./img/submenu01.webp" alt="">
                            <a href="" class="serve">了解更多</a>
                        </div>
                    </div>
                </div>
            </li>

            <li class="title title-02">
                <a href="" class="titleA">个人与家用产品</a>
                <div class="submenu submenu-02">
                    <div class=" submenu-mid">
                        <div class="sub">
                            <div class="refrigerator">
                                <span class="iconfont icon-shuangkaimenbingxiang smallicon"
                                    style="color:#0c5ca8"></span>
                                <a href="list.html?id=1" style="color:#0c5ca8">冰箱 冷柜</a>
                                <span class="iconfont icon-youjiantou jt
                                    " style="color:#0c5ca8;"></span>
                            </div>

                            <div class="gradevin">
                                <span class="iconfont icon-bingbajiugui smallicon"></span>
                                <a href="list.html?id=2">冰吧 酒柜</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>

                            <div class="Wash-machine">
                                <span class="iconfont icon-xiyiji smallicon"></span>
                                <a href="list.html?id=3">洗衣机</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>

                            <div class="air-conditioner">
                                <span class="iconfont icon-kongdiao smallicon"></span>
                                <a href="list.html?id=4">空调</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>

                            <div class="TV">
                                <span class="iconfont icon-dianshiji smallicon"></span>
                                <a href="list.html?id=5">电视</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>

                            <div class="heater">
                                <span class="iconfont icon-reshuiqi smallicon"></span>
                                <a href="list.html?id=1">热水器</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>

                            <div class="kitchen">
                                <span class="iconfont icon-chufang smallicon"></span>
                                <a href="list.html?id=2">厨房电器</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>

                            <div class="computer">
                                <span class="iconfont icon-bijibendiannao smallicon"></span>
                                <a href="list.html?id=3">电脑及外设</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>

                            <div class="small-app">
                                <span class="iconfont icon-shenghuoxiaojiadian smallicon
                                "></span>
                                <a href="list.html?id=4">小家电</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>
                        </div>

                        <div class="menu-Mid">
                            <ul class="gradevinMid addYoung" style="display: block;">
                                <li style="width: 100%;color: #0c5ca8;margin-top: 7px;">冰箱</li>
                                <li>对开门</li>
                                <li>十字对开门</li>
                                <li>多门</li>
                                <li>三门</li>
                                <li>两门</li>
                                <li>单门</li>
                                <li style="width: 100%;color: #0c5ca8;">冷柜</li>
                                <li>卧式</li>
                                <li>立式</li>
                            </ul>

                            <ul class="gradeMid addYoung" style="display: none;">
                                <li style="width: 100%;color: #0c5ca8;margin-top: 7px;">冰吧</li>
                                <li>160升以上</li>
                                <li>121-160升</li>
                                <li>101-120升</li>
                                <li>100升及以下</li>
                                <li style="width: 100%;color: #0c5ca8;">酒柜</li>
                                <li>1-50瓶</li>
                                <li>51-100瓶</li>
                                <li>101-120瓶</li>
                                <li>121-150瓶</li>
                                <li>151-200瓶</li>
                            </ul>

                            <ul class="Wash-machineMid addYoung" style="display: none;">
                                <li style="width: 100%;color: #0c5ca8;margin-top: 7px;">洗衣机</li>
                                <li>滚筒洗衣机</li>
                                <li>洗烘一体机</li>
                                <li>波轮洗衣机</li>
                                <li>双筒洗衣机</li>
                                <li>迷你洗衣机</li>
                                <li>干衣机</li>
                                <li>脱水机</li>
                                <li>洗鞋机</li>
                            </ul>

                            <ul class="air-conditionerMid addYoung" style="display: none;">
                                <li style="width: 100%;color: #0c5ca8;margin-top: 7px;">空调</li>
                                <li>壁挂式空调</li>
                                <li>柜式空调</li>
                                <li>家用中央空调</li>
                                <li>移动空调</li>
                            </ul>

                            <ul class="TVMid addYoung" style="display: none;">
                                <li style="width: 100%;color: #0c5ca8;margin-top: 7px;">电视</li>
                                <li>平板电视</li>
                                <li>曲面电视</li>
                                <li>激光电视</li>
                            </ul>

                            <ul class="heaterMid addYoung" style="display: none;">
                                <li style="width: 100%;color: #0c5ca8;margin-top: 7px;">热水器</li>
                                <li>电热水器</li>
                                <li>燃气热水器</li>
                                <li>空气能热水器</li>
                                <li>太阳能热水器</li>
                                <li>太空能热水器</li>
                                <li>小厨宝</li>
                                <li>采暖炉</li>
                            </ul>

                            <ul class="kitchenMid addYoung" style="display: none;">
                                <li style="width: 100%;color: #0c5ca8;margin-top: 7px;">厨房用器</li>
                                <li>油烟机</li>
                                <li>燃气灶</li>
                                <li>集成灶</li>
                                <li>洗碗机</li>
                                <li>消毒柜</li>
                                <li>微波炉</li>
                                <li>电烤箱</li>
                                <li>蒸箱</li>
                                <li>电磁炉</li>
                                <li>电饭煲</li>
                                <li>电压力锅</li>
                                <li>破壁机</li>
                                <li>咖啡机</li>
                                <li>智能营养秤</li>
                                <li>垃圾处理器</li>
                                <li>暖杯碟机</li>
                                <li>果蔬消毒清洗机</li>
                                <li>嵌入式家电</li>
                            </ul>

                            <ul class="computerMid addYoung" style="display: none;">
                                <li style="width: 100%;color: #0c5ca8;margin-top: 7px;">电脑及外设</li>
                                <li>笔记本</li>
                                <li>台式电脑</li>
                                <li>一体电脑</li>
                                <li>平板电脑</li>
                                <li>鼠标</li>
                                <li>移动硬盘</li>
                                <li>周边配件</li>
                            </ul>

                            <ul class="small-appMid addYoung" style="display: none;">
                                <li style="width: 100%;color: #0c5ca8;margin-top: 7px;">生活小家电</li>
                                <div class="word">
                                    <li>吸尘器</li>
                                    <li>饮水机</li>
                                    <li>净水机</li>
                                    <li>除湿机</li>
                                    <li>车载净化器</li>
                                    <li>扫地机器人</li>
                                    <li>智慧音响</li>
                                    <li>空气净化器</li>
                                    <li>智能照明</li>
                                    <li>智能浴霸</li>
                                    <li>加湿器</li>
                                    <li>魔镜</li>
                                    <li>空气消毒机</li>
                                    <li>洗地机</li>
                                    <li>晾衣架</li>
                                </div>

                                <li style="width: 100%;color: #0c5ca8;">个护小家电</li>
                                <div class="word">
                                    <li>剃须刀</li>
                                    <li>电熨斗</li>
                                    <li>挂烫机</li>
                                    <li>智能马桶盖</li>
                                    <li>智能马桶</li>
                                    <li>冲牙器</li>
                                    <li>吹风机</li>
                                </div>

                                <li style="width: 100%;color: #0c5ca8;">母婴小家电</li>
                                <div class="word">
                                    <li>消毒器</li>
                                    <li>辅食料理机</li>
                                    <li>空气智控器</li>
                                </div>

                                <li style="width: 100%;color: #0c5ca8;">健康小家电</li>
                                <div class="word">
                                    <li>智能体脂秤</li>
                                    <li>智能枕</li>
                                    <li>按摩椅</li>
                                    <li>按摩仪</li>
                                </div>
                            </ul>
                        </div>

                        <div class="img-01">
                            <img src="./img/submenu02.webp" alt="">
                            <a href="" class="serve">了解更多</a>
                        </div>
                    </div>
                </div>
            </li>

            <li class="title title-03">
                <a href="" class="titleA">商品解决方案</a>
                <div class="submenu submenu-03">
                    <div class="submenu-mid">
                        <div class="sub">
                            <div class="product">
                                <a href="" style="color:#0c5ca8">产品与设备</a>
                                <span class="iconfont icon-youjiantou jt
                                    " style="color:#0c5ca8"></span>
                            </div>

                            <div class="equipment">
                                <a href="">行业解决方案</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>

                            <div class="innovation">
                                <a href="">创新服务</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>
                        </div>

                        <div class="menu-Mid">
                            <ul class="product-list addYoung">
                                <li>中央空调</li>
                                <li>商用冷柜</li>
                                <li>商用洗涤</li>
                                <li>商用显示</li>
                                <li>全屋智能</li>
                                <li>商用净水</li>
                                <li>商用热水</li>
                                <li>商用厨电</li>
                                <li>商用电脑</li>
                            </ul>
                            <ul class="equip addYoung" style="display: none;">
                                <li>地产行业</li>
                                <li>公寓行业</li>
                                <li>教育行业</li>
                                <li>酒店行业</li>
                            </ul>

                            <ul class="innov addYoung" style="display: none;">
                                <li>创新设计中心</li>
                            </ul>
                        </div>

                        <div class="img-01">
                            <img src="./img/submenu03.webp" alt="">
                            <a href="" class="serve">了解更多</a>
                        </div>
                    </div>
                </div>
            </li>

            <li class="title title-04">
                <a href="" class="titleA">产品购买</a>
                <div class="submenu submenu-04">
                    <div class="submenu-mid">
                        <div class="sub">
                            <div class="Product-Guide">
                                <a href="" style="color:#0c5ca8">产品导购</a>
                                <span class="iconfont icon-youjiantou jt
                                    " style="color:#0c5ca8"></span>
                            </div>

                            <div class="channel">
                                <a href="">购买渠道</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>
                        </div>

                        <div class="menu-Mid">
                            <ul class="Product-GuideMid addYoung" style="display: block;">
                                <li style="width: 100%;color: #0c5ca8;">发现好物</li>
                                <li>产品评测</li>
                                <li>心选精品</li>
                                <li>排行榜</li>
                                <li>特色产品</li>
                                <li>产品视频</li>
                                <li style="width: 100%;color: #0c5ca8;">为您甄选</li>
                                <li>选购宝典</li>
                                <li>产品挑战赛</li>
                                <li>寻找SOUL电器</li>
                                <li style="width: 100%;color: #0c5ca8;">活动播报</li>
                                <li>品牌活动</li>
                                <li>渠道活动</li>
                                <li>卡劵中心</li>
                            </ul>

                            <ul class="channelMid addYoung" style="display: none;">
                                <li>在线商城</li>
                                <li>海尔商城</li>
                                <li>企业购</li>
                            </ul>
                        </div>

                        <div class="img-01">
                            <img src="./img/submenu04.webp" alt="">
                            <a href="" class="serve">了解更多</a>
                        </div>
                    </div>
                </div>
            </li>

            <li class="title title-05">
                <a href="" class="titleA">服务支持</a>
                <div class="submenu submenu-05">
                    <div class="submenu-mid">
                        <div class="sub">
                            <div class="Post-Sale">
                                <a href="" style="color:#0c5ca8">售后服务</a>
                                <span class="iconfont icon-youjiantou jt
                                    " style="color:#0c5ca8"></span>
                            </div>

                            <div class="pro-sup">
                                <a href="">产品支持</a>
                                <span class="iconfont icon-youjiantou jt
                                    "></span>
                            </div>
                        </div>

                        <div class="menu-Mid">
                            <ul class="Post-S addYoung">
                                <li>延保查询</li>
                                <li>保修政策</li>
                                <li>收费标准</li>
                                <li>预约安装</li>
                                <li>在线报修</li>
                                <li>家电保养</li>
                                <li>移机服务</li>
                                <li>服务状态查询</li>
                                <li>服务门店</li>
                            </ul>
                            <ul class="pro-s addYoung" style="display: none;">
                                <li>产品使用知识</li>
                                <li>产品说明书</li>
                                <li>电脑驱动</li>
                                <li>APP下载</li>
                                <li>产品验证</li>
                            </ul>

                            <ul class="innov addYoung" style="display: none;">
                                <li>创新设计中心</li>
                            </ul>
                        </div>

                        <div class="img-01">
                            <img src="./img/submenu05.webp" alt="">
                            <a href="" class="serve">了解更多</a>
                        </div>
                    </div>
                </div>
            </li>
        </ul>

        <div class="search">
            <div class="searchPush">
                <input type="text" placeholder="全空间保鲜冰箱">
                <div class="searchCon">
                    <span>大家都在搜</span>
                    <ul></ul>
                </div>
            </div>
            <span class="iconfont icon-fangdajing fdj"></span>
            <a href="shoppingCar.html">
                <span class="iconfont icon-gouwuche gwc"></span>
            </a>
            <div class="circle">
                <a href="login.html">
                    <span class="iconfont icon-yonghu yh"></span>
                </a>
            </div>
        </div>
    </header>
</body>

</html>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/indexHeader.js"></script>
<script>
    $(".search input")[0].oninput = function () {
        if (this.value != "") {
            let oScript = document.createElement("script");
            document.body.appendChild(oScript);

            oScript.src = `http://suggestion.baidu.com/su?wd=${this.value}&cb=fun`;
        } else {
            $(".search ul")[0].innerHTML = "";
        }
    }

    function fun(resText) {
        $(".search ul")[0].innerHTML = "";
        for (let i = 0; i < resText.s.length; i++) {
            $(".search ul")[0].innerHTML += `<li>${resText.s[i]}</li>`;
        }
    }
</script>